
import React from 'react';
import { Tooltip, Button } from 'antd';

import { BulbOutlined } from '@ant-design/icons';
import { FormattedMessage } from 'umi';

export interface NewGuiderProps {
    callback: (item: any) => void,
    title?: any,
    dataStep?: string,
    dataIntro?: string,
}
const DocHelper: React.FC<NewGuiderProps> = (props: NewGuiderProps) => {

    return (
        <Tooltip title={props.title ? props.title : <FormattedMessage id="Novice guidance" />}>            
            <Button
                type="link"
                icon={<BulbOutlined />}
                onClick={props.callback}
                data-step={props.dataStep}
                data-intro={props.dataIntro} />
        </Tooltip>
    )
}
export default DocHelper;